top{
    display: block;
    background: url(../imgs/banner-lajiao.jpg) no-repeat;
    width: 100%;
    height: 485px;
    background-size: 100% 100%;
    box-shadow:0px 15px 10px -15px #ccc;
}
.lajiao-wrapper{
    background: url("../imgs/mountain.jpg") no-repeat;
    background-size: 100% 100%;
    padding-top: 50px;
}
.head-title-part{
   text-align: center;
    padding: 25px 0;
}
.lajiao-head-title{
    font-size: 45px;
}
.hot-pot-need{
    color: #515151;
    font-size: 25px;
}

.perches{
    background: url("../imgs/perches-lajiao.jpg") no-repeat;
    background-size: 100% 100%;
}
.lajiao-top-cont{
    position: relative;
    width: 70%;
    margin: 0 auto;
    padding: 0 30px;
    margin-bottom: 50px;
}
.right-history-txt {
    position: absolute;
    left: 24%;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    padding: 32px 80px 50px 30px;
    line-height: 20px;
    font-size: 19px;
    width: 75%;
    text-align: justify;
    text-indent: 2em;
}
.lajiao-top-cont img{
    width: 22%;
}

.lajiao-bot-cont{
    width: 70%;
    margin: 0 auto;
    padding: 0 30px 40px 30px;
}
.bot-title-wrapper{
    margin-bottom: 30px;
    text-align: center;
}
.bot-title-wrapper img{
    width: 28%;
}
.orange-bg-title{
    width: 22%;
    margin: 0 auto;
    padding: 4px 8px;
    background: #F6BB6D;
    color: #860707;
    font-size: 24px;
    margin-top: 10px;
}
.lajiao-sort-intro-detail{
    padding: 20px;
    border: 1px solid #D3D3D3;
}
.sort-tab span{
    display: inline-block;
    width: 20.9%;
    margin-right: 4%;
    padding: 5px 10px;
    color: #5B5B5B;
    font-size: 25px;
    box-shadow: 0 5px 12px #C3C3C3;
    text-align: center;
    background: #fff;
}
.sort-tab span:last-child{
    margin-right: 0;
}
.sort-tab .active{
    background: #F6BB6D;
    color: #333;
}
.sort-top-txt{
    padding: 25px 20px;
    text-indent: 2em;
    font-size: 21px;
    text-align: justify;
    line-height: 22px;
    border-bottom: 1px solid #E3E3E3;
}
.sort-bot-txt{
    padding: 16px 20px 0 20px;
    text-indent: 2em;
    font-size: 18px;
    text-align: justify;
    line-height: 22px;
    color: #848484;
}
.sort-tab span:hover{
    cursor: pointer;
}


/*view of phone*/
@media (max-width: 500px) {
    top {
        height: 201px;
    }
    .lajiao-wrapper {
        padding-top: 0px;
    }
    .lajiao-head-title {
        font-size: 27px;
    }
    .hot-pot-need {
        font-size: 24px;
    }
    .lajiao-top-cont {
        width: 100%;
    }
    .right-history-txt {
        position: absolute;
        left: 24%;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        padding: 225px 20px 0 30px;
        line-height: 14px;
        font-size: 14px;
        width: 75%;
        text-align: justify;
        text-indent: 2em;
    }
    .lajiao-top-cont {
        margin-bottom: 235px;
    }
    .lajiao-bot-cont {
        width: 100%;
    }
    .bot-title-wrapper img {
        width: 75%;
    }
    .orange-bg-title {
        width: 65%;
    }
    .lajiao-sort-intro-detail {
        padding: 12px;
    }
    .sort-tab span {
        width: 21%;
        margin-right: 2%;
    }
}